<template>
  <div><h1>泥头车</h1></div>
</template>
<script>
export default {
  // 动态路由会缓存之前的路由页面
  // 再次进入时，不会再执行生命周期
  mounted() {
    // console.log(this);
    // 可以通过$route对象里面的parmas属性获取地址栏上的值
    console.log(this.$route.params.id);
    // 一般来说 $route 是用来获取值的
    // $router是用来传值的
  },
  watch: {
    $route(newVal, oldVal) {
      console.log(newVal.params, oldVal.params);
    },
    // $route: {
    //   immediate: true,
    //   handler(newVal, oldVal) {
    //     console.log(newVal.params, oldVal.params);
    //   },
    // },
  },
};
</script>
